'use client';

import Link from 'next/link';
import Image from 'next/image';

export default function Footer() {
  return (
    <footer className="bg-gray-900 text-white">
      <div className="container mx-auto px-4 py-12">
        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
          {/* 联系方式 */}
          <div>
            <h3 className="text-lg font-bold mb-4">联系我们</h3>
            <ul className="space-y-2">
              <li>李先生：13510099385</li>
              <li>黄小姐：13510969489</li>
              <li>电话：1986248686</li>
              {/* <li>座机：075527631851</li> */}
              <li>地址：东莞市黄江镇长社区清龙路127号</li>
            </ul>
          </div>

          {/* 产品中心 */}
          <div>
            <h3 className="text-lg font-bold mb-4">产品中心</h3>
            <ul className="space-y-2">
              <li>
                <Link href="/products" className="hover:text-primary">
                  胶合卡板
                </Link>
              </li>
              <li>
                <Link href="/products" className="hover:text-primary">
                  钢带箱
                </Link>
              </li>
              <li>
                <Link href="/products" className="hover:text-primary">
                  纸护角
                </Link>
              </li>
              <li>
                <Link href="/products" className="hover:text-primary">
                  胶合栈板
                </Link>
              </li>
            </ul>
          </div>

          {/* 关于我们 */}
          <div>
            <h3 className="text-lg font-bold mb-4">关于我们</h3>
            <p className="text-gray-400">
              富强木制品（东莞）有限公司成立于2003年，
              专注于环保包装制品的研发与生产，
              致力于为客户提供优质的包装解决方案。
            </p>
          </div>

          {/* 微信二维码 */}
          <div className="flex flex-col items-center">
            <h3 className="text-lg font-bold mb-4">扫码添加微信</h3>
            <div className="relative w-32 h-32 bg-white p-2 rounded-lg">
              <Image
                src="/images/wechat-qr.jpg"
                alt="企业微信二维码"
                fill
                className="object-contain"
              />
            </div>
            <p className="text-sm text-gray-400 mt-2">了解更多产品信息</p>
          </div>
        </div>

        <div className="mt-8 pt-8 border-t border-gray-800 text-center text-sm text-gray-400">
          <p>{new Date().getFullYear()} 富强木制品（东莞）有限公司 版权所有</p>
        </div>
      </div>
    </footer>
  );
}
